<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--

    Licensed to the Apache Software Foundation (ASF) under one
    or more contributor license agreements.  See the NOTICE file
    distributed with this work for additional information
    regarding copyright ownership.  The ASF licenses this file
    to you under the Apache License, Version 2.0 (the
    "License"); you may not use this file except in compliance
    with the License.  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing,
    software distributed under the License is distributed on an
    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
    KIND, either express or implied.  See the License for the
    specific language governing permissions and limitations
    under the License.

-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<title>HTML5: Customize Window Settings Dialog Box</title>
<link rel="stylesheet" href="ide.css" title="Oracle BLAFDoc" type="text/css"/>
</head>

<body>
<p><a id="org.netbeans.modules.web.browser.ui.ResizeOptionsCustomizer" name="org.netbeans.modules.web.browser.ui.ResizeOptionsCustomizer"></a></p>
<div id="NBCSH4357"><!-- infolevel="all" infotype="General" --><a id="sthref590" name="sthref590"></a>
<h1>HTML5: Customize Window Settings Dialog Box</h1>
<a name="BEGIN" id="BEGIN"></a>
<p>When you want to view an HTML5 application in the Embedded WebKit browser you can use this dialog box to customize the list of screen sizes that you can select in the Web Browser toolbar. The dialog box displays a table that lists the screen sizes that are used on various types of desktop and mobile devices. 
<object classid="java:org.netbeans.modules.javahelp.BrowserDisplayer">
<param name="content" value="http://www.oracle.com/pls/topic/lookup?ctx=nb8200&id=NBDAG1964">
<param name="text" value="<html><u>How?</u></html>">
<param name="textFontSize" value="medium">
<param name="textColor" value="blue">
</object>
</p>
<p>You open this dialog box by clicking the Other Options icon (menu icon) in the toolbar of the Web Browser window and choosing Customize in the drop-down list.</p>
<p>The icons for screen sizes in the toolbar of the Web Browser window are displayed in the order that they appear in the table. Select the checkbox in the Toolbar column in the table for each screen size that you want to appear in the toolbar. You can use the following buttons to the right of the table to manage the order of the screen sizes and to create and delete screen sizes.</p>

<table summary="User interface elements and descriptions" dir="ltr" border="1" width="100%" frame="hsides" rules="groups" cellpadding="3" cellspacing="0">
<col width="24%" />
<col width="*" />
<thead>
<tr align="left" valign="top">
<th align="left" valign="bottom" id="r1c1-t19">Element</th>
<th align="left" valign="bottom" id="r1c2-t19">Description</th>
</tr>
</thead>
<tbody>
<tr align="left" valign="top">
<td align="left" id="r2c1-t19" headers="r1c1-t19">
<p>New</p>
</td>
<td align="left" headers="r2c1-t19 r1c2-t19">Click New to create a custom screen size. When you click New a new row appears in the table. Type the new name and values directly in the text fields in the table.</td>
</tr>
<tr align="left" valign="top">
<td align="left" id="r3c1-t19" headers="r1c1-t19">
<p>Remove</p>
</td>
<td align="left" headers="r3c1-t19 r1c2-t19">Select a row in the table and click Remove to remove the screen size.</td>
</tr>
<tr align="left" valign="top">
<td align="left" id="r4c1-t19" headers="r1c1-t19">
<p>Move Up and Move Down</p>
</td>
<td align="left" headers="r4c1-t19 r1c2-t19">Select a row in the table and use the Move Up and Move Down buttons to change the order of the icons in the Web Browser window toolbar.</td>
</tr>
</tbody>
</table>
<br />
<!-- -->
<p>You can modify the properties of a screen size by editing the text fields in the table. To edit a property, double-click in the text field of the property that you want to edit, type the new value and press the Return key on your keyboard. You can change the icon that is used to represent the screen size by clicking the icon in the Type column and choosing an icon from the drop-down list.</p>
<a id="NBCSH4361" name="NBCSH4361"></a>
<hr><p><b>Related Topics</b></p>
<p><i>Developing Applications with NetBeans IDE</i>, 
<object classid="java:org.netbeans.modules.javahelp.BrowserDisplayer">
<param name="content" value="http://www.oracle.com/pls/topic/lookup?ctx=nb8200&id=NBDAG1963">
<param name="text" value="<html><u>&quot;Changing Browser Screen Sizes&quot;</u></html>">
<param name="textFontSize" value="medium">
<param name="textColor" value="blue">
</object>
</p>

<!-- -->
<!-- Start Footer -->


<table summary="" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" width="86%"><a href="legal_notice.htm">
Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements; and to You under the Apache License, Version 2.0.</a>
</td>
</tr>
</table>
<!-- -->
</body>
</html>
